@@include('../partials/_template-top.html', {
'bodyClass': 'home-one-bg'
})

@@include('../partials/_header.html')
<div id="scrollSmoother-container">
    @@include('../partials/_breadcrumb.html', {
    'breadcrumbText': 'About Us',
    'breadcrumbTitle': 'About EvenTro'
    })

    @@include('../partials/_about-two.html')
    @@include('../partials/_brand.html')
    @@include('../partials/_video.html')

    <!-- ============================ team section Start ======================================= -->
    <section class="team-two-area speaker-area pb-120 position-relative z-1 overflow-hidden">
        <div class="container">

            <div class="row justify-content-center">
                <div class="col-xl-6 col-lg-8 col-md-10">
                    <div class="section-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
                        <h4 class="section-sub-title text-main-three-600 text-center tw-char-animation">
                            Speakers
                        </h4>
                        <h2 class="section-title display-five fw-bold text-center tw-char-animation">
                            Meet the Visionaries
                        </h2>
                        <p class="section-description text-center text--white-70">
                            Morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor
                            quam,
                            feugiat vitae, tristique senectus et netus
                        </p>
                    </div>
                </div>
            </div>

            <div class="row g-4 position-relative">
                <div class="col-lg-3 col-sm-6 cs-col-xs-6">
                    <div class="team-card-two" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                        <div class="team-card-thumb-wrapper tw-mb-6 position-relative">
                            <img src="assets/images/thumbs/speaker-img1.webp" alt="team" class="team-thumb">
                            <div class="team-social">
                                <a href="javascript:void(0)" class="team-social-button">
                                    <i class="ph-bold ph-share-network"></i>
                                </a>
                                <div class="team-social-items">
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-facebook-logo"></i></a>
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-x-logo"></i></a>
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-instagram-logo"></i></a>
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-linkedin-logo"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-card-content">
                            <h5 class="team-name text-center tw-mb-2">Ravi Iyer</h5>
                            <p class="team-title text-center text--white">S&P Analyzer</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 cs-col-xs-6">
                    <div class="team-card-two" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                        <div class="team-card-thumb-wrapper tw-mb-6 position-relative">
                            <img src="assets/images/thumbs/speaker-img2.webp" alt="team" class="team-thumb">
                            <div class="team-social">
                                <a href="javascript:void(0)" class="team-social-button">
                                    <i class="ph-bold ph-share-network"></i>
                                </a>
                                <div class="team-social-items">
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-facebook-logo"></i></a>
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-x-logo"></i></a>
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-instagram-logo"></i></a>
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-linkedin-logo"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-card-content">
                            <h5 class="team-name text-center tw-mb-2">Jason Liu</h5>
                            <p class="team-title text-center text--white">Brand Strategist</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 cs-col-xs-6">
                    <div class="team-card-two" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                        <div class="team-card-thumb-wrapper tw-mb-6 position-relative">
                            <img src="assets/images/thumbs/speaker-img3.webp" alt="team" class="team-thumb">
                            <div class="team-social">
                                <a href="javascript:void(0)" class="team-social-button">
                                    <i class="ph-bold ph-share-network"></i>
                                </a>
                                <div class="team-social-items">
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-facebook-logo"></i></a>
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-x-logo"></i></a>
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-instagram-logo"></i></a>
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-linkedin-logo"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-card-content">
                            <h5 class="team-name text-center tw-mb-2">Sophie Leblanc</h5>
                            <p class="team-title text-center text--white">Tech Consultant</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 cs-col-xs-6">
                    <div class="team-card-two" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                        <div class="team-card-thumb-wrapper tw-mb-6 position-relative">
                            <img src="assets/images/thumbs/speaker-img4.webp" alt="team" class="team-thumb">
                            <div class="team-social">
                                <a href="javascript:void(0)" class="team-social-button">
                                    <i class="ph-bold ph-share-network"></i>
                                </a>
                                <div class="team-social-items">
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-facebook-logo"></i></a>
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-x-logo"></i></a>
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-instagram-logo"></i></a>
                                    <a href="javascript:void(0)" class="team-social-item"><i
                                            class="ph ph-linkedin-logo"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-card-content">
                            <h5 class="team-name text-center tw-mb-2">Patrick Spencer</h5>
                            <p class="team-title text-center text--white">Business Educator</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ============================ team section End ======================================= -->


    <!-- ============================ ticket section Start ======================================= -->
    <section class="ticket-five-area py-120 position-relative z-1 overflow-hidden bg-img"
        data-background-image="assets/images/thumbs/ticket-about-bg.webp">
        <div class="container">
            <div class="row g-4 justify-content-center">
                <div class="col-lg-6">
                    <div class="section-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
                        <h4 class="section-sub-title text--white text-center tw-char-animation">
                            Ticket Options
                        </h4>
                        <h2 class="section-title display-five text--white text-center mb-0 tw-char-animation">
                            Choose Your Ticket for Pass
                        </h2>
                    </div>
                </div>
            </div>

            <!-- ticket cards -->
            <div class="row g-4">
                <div class="col-md-6">
                    <div data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
                        <div class="ticket-five-card hover-bg-spread-effect">
                            <span class="hover-bg-spread-dot bg-main-600"></span>
                            <div class="ticket-five-card-content">
                                <div class="ticket-price-tag-wrapper">
                                    <p class="ticket-five-card-tag text--white">Standard Plan</p>
                                    <div class="ticket-five-card-price text--white">
                                        <p class="ticket-five-card-price-currency">$</p>
                                        <p class="ticket-five-card-price-amount">359. <span
                                                class="subscript-text">99</span>
                                        </p>
                                    </div>
                                </div>

                                <div class="ticket-content-wrapper">
                                    <p class="ticket-five-card-name">NORMAL SIT</p>
                                    <p class="ticket-five-card-description">
                                        Subscription fee is $359.99 USD and automatically renews each year.
                                    </p>

                                    <ul class="ticket-five-card-features">
                                        <li class="ticket-five-card-features-item">
                                            <span class="ticket-five-card-features-item-icon">
                                                <i class="ph ph-plus"></i>
                                            </span>
                                            <span class="ticket-five-card-features-item-text">Access to all basic
                                                features</span>
                                        </li>
                                        <li class="ticket-five-card-features-item">
                                            <span class="ticket-five-card-features-item-icon">
                                                <i class="ph ph-plus"></i>
                                            </span>
                                            <span class="ticket-five-card-features-item-text">Work customization</span>
                                        </li>
                                        <li class="ticket-five-card-features-item">
                                            <span class="ticket-five-card-features-item-icon">
                                                <i class="ph ph-plus"></i>
                                            </span>
                                            <span class="ticket-five-card-features-item-text">Consistent visual
                                                storytelling</span>
                                        </li>
                                        <li class="ticket-five-card-features-item">
                                            <span class="ticket-five-card-features-item-icon">
                                                <i class="ph ph-plus"></i>
                                            </span>
                                            <span class="ticket-five-card-features-item-text">Access to all design
                                                templates</span>
                                        </li>
                                    </ul>
                                    <div class="ticket-five-card-button">
                                        <a class="text-only-button button-two text--white hover-text--white"
                                            href="javascript:void(0);">
                                            <span class="theme-btn-text">Start Now</span>
                                            <span class="text-only-button-icon bg--white text-main-three-600">
                                                <i class="ph ph-arrow-right"></i>
                                            </span>
                                        </a>
                                    </div>

                                    <div class="ticket-five-card-shape">
                                        <img src="assets/images/icons/layers-icon.svg" alt="shape">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                        <div class="ticket-five-card hover-bg-spread-effect">
                            <span class="hover-bg-spread-dot bg-main-600"></span>
                            <div class="ticket-five-card-content">
                                <div class="ticket-price-tag-wrapper">
                                    <p class="ticket-five-card-tag text--white">Premium Plan</p>
                                    <div class="ticket-five-card-price text--white">
                                        <p class="ticket-five-card-price-currency">$</p>
                                        <p class="ticket-five-card-price-amount">899. <span
                                                class="subscript-text">99</span>
                                        </p>
                                    </div>
                                </div>

                                <div class="ticket-content-wrapper">
                                    <p class="ticket-five-card-name">VIP SIT</p>
                                    <p class="ticket-five-card-description">
                                        Subscription fee is $899.99 USD and automatically renews each year.
                                    </p>

                                    <ul class="ticket-five-card-features">
                                        <li class="ticket-five-card-features-item">
                                            <span class="ticket-five-card-features-item-icon">
                                                <i class="ph ph-plus"></i>
                                            </span>
                                            <span class="ticket-five-card-features-item-text">Access to all basic
                                                features</span>
                                        </li>
                                        <li class="ticket-five-card-features-item">
                                            <span class="ticket-five-card-features-item-icon">
                                                <i class="ph ph-plus"></i>
                                            </span>
                                            <span class="ticket-five-card-features-item-text">Work customization</span>
                                        </li>
                                        <li class="ticket-five-card-features-item">
                                            <span class="ticket-five-card-features-item-icon">
                                                <i class="ph ph-plus"></i>
                                            </span>
                                            <span class="ticket-five-card-features-item-text">Consistent visual
                                                storytelling</span>
                                        </li>
                                        <li class="ticket-five-card-features-item">
                                            <span class="ticket-five-card-features-item-icon">
                                                <i class="ph ph-plus"></i>
                                            </span>
                                            <span class="ticket-five-card-features-item-text">Access to all design
                                                templates</span>
                                        </li>
                                    </ul>
                                    <div class="ticket-five-card-button">
                                        <a class="text-only-button button-two text--white hover-text--white"
                                            href="javascript:void(0);">
                                            <span class="theme-btn-text">Start Now</span>
                                            <span class="text-only-button-icon bg--white text-main-three-600">
                                                <i class="ph ph-arrow-right"></i>
                                            </span>
                                        </a>
                                    </div>

                                    <div class="ticket-five-card-shape">
                                        <img src="assets/images/icons/layers-icon.svg" alt="shape">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ============================ ticket section End ======================================= -->

    <!-- ============================ ticket section two Start ======================================= -->
    <section class="ticket-area ticket-ip-area pb-120 position-relative z-1 overflow-hidden">
        <div class="ticket-bg pt-120 mb-120 bg-img" data-background-image="assets/images/thumbs/ticket-bg1.webp">
            <div class="ticket-area-top">
                <div class="container">
                    <div class="row flex-wrap-reverse">
                        <div class="col-lg-5">
                            <div class="ticket-img position-relative z-1" data-aos="fade-up" data-aos-duration="1000"
                                data-aos-delay="200">
                                <div class="ticket-area-spriller-1 spinner position-absolute">
                                    <img src="assets/images/shapes/spriller-1.webp" alt="shape">
                                </div>
                                <img class="" src="assets/images/thumbs/ticket-img1.webp" alt="thumb">
                                <div class="ticket-area-shape position-absolute">
                                    <div class="animated-upDown">
                                        <img src="assets/images/shapes/wrapping.webp" alt="shape">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <div class="section-wrapper" data-aos="fade-up" data-aos-duration="1000"
                                data-aos-delay="200">
                                <h4 class="section-sub-title text--white tw-char-animation">
                                    Event Activities
                                </h4>
                                <h2 class="section-title display-five fw-bold tw-char-animation mb-0">
                                    The very best of our sponsors for Tokyo Design expo '22 are on the loose!
                                </h2>
                            </div>

                            <div class="mb-60" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
                                <a class="theme-btn-main bg-main-600 text--white hover-text-heading tw-hover-btn"
                                    href="javascript:void(0);">
                                    <span class="theme-btn-text"> Buy A Ticket </span>
                                    <span class="theme-btn-icon">
                                        <i class="ph-fill ph-ticket"></i>
                                    </span>
                                    <i class="tw-btn-circle-dot bg--white"></i>
                                </a>
                            </div>

                            <div class="position-relative d-none d-lg-block" data-aos="fade-up" data-aos-duration="1000"
                                data-aos-delay="200">
                                <div class="position-absolute start-0 top-0 max-w-unset">
                                    <img src="assets/images/thumbs/ticket-banner-img1.webp" alt="ticket img" data-tilt
                                        class="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="ticket-area-middle">
            <div class="container">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="position-relative" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
                            <div class="d-flex align-items-center tw-gap-6">
                                <div class="ticket-area-spinner-img spinner d-none d-md-block">
                                    <img src="assets/images/shapes/ticket-area-spinner.webp" alt="shape">
                                </div>
                                <p class="tw-mb-0 text--white tw-text-5">
                                    Its the gathering of all the big and amazing marketing & branding minds from all
                                    over
                                    the world. Discussing the best tech
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ============================ ticket section End ======================================= -->

    @@include('../partials/_testimonial-two.html')
    @@include('../partials/_cta-two.html')
    @@include('../partials/_blog-two.html')
    @@include('../partials/_map-two.html')
    @@include('../partials/_footer-two.html')
</div>


@@include('../partials/_template-bottom.html')
</body>

</html>